<template>
  <m-page>
    <!-- 借款申请确认 -->
    <m-header title="电子合同"></m-header>
    <!-- 头部 -->
    <div class="g-header">
      <ul>
        <li>
          <div>
            <span>借款人</span>
          </div>
          <div>
            <span>张XX</span>
          </div>
        </li>
        <li>
          <div>
            <span>身份证号码</span>
          </div>
          <div>
            <span>6666********6666</span>
          </div>
        </li>
        <li>
          <div>
            <span>手机号码</span>
          </div>
          <div>
            <span>8888****8888</span>
          </div>
        </li>
      </ul>
    </div>
    <!-- 腰部 -->
    <div class="g-yao">
      <ul>
        <li>
          <div>
            <span>借款金额</span>
          </div>
          <div>
            <span>8,888.888</span>
          </div>
        </li>
        <li>
          <div>
            <span>年利率</span>
          </div>
          <div>
            <span>7.7%</span>
          </div>
        </li>
        <li>
          <div>
            <span>借款期限</span>
          </div>
          <div>
            <span>24个月</span>
          </div>
        </li>
        <li>
          <div>
            <span>起止时间</span>
          </div>
          <div>
            <span>2020/02/02~2020/03/03</span>
          </div>
        </li>
      </ul>
    </div>
    <!-- 脚部 -->
    <div class="g-footer">
      <ul>
        <li>
          <div>
            <span>还款账户</span>
          </div>
          <div>
            <span>8888 8888 8888 8888</span>
          </div>
        </li>
        <li>
          <div>
            <span>还款方式</span>
          </div>
          <div>
            <span>等额本息，到期还本</span>
          </div>
        </li>
        <li>
          <div>
            <span>首次还款</span>
          </div>
          <div>
            <span>1,000.00元（02月23日）</span>
          </div>
        </li>
        <li>
          <div>
            <span>还款日</span>
          </div>
          <div>
            <span>每月21号</span>
          </div>
        </li>
        <li class="g-footer-plan">
          <ynet-cell-item title="还款计划" arrow></ynet-cell-item>
        </li>
      </ul>
    </div>
    <!-- 协议 -->
    <div class="g-havecard-deal">
      <div>
        <ynet-radio name="0" v-model="checked"></ynet-radio>
      </div>
      <div>
        <div>我已阅读并同意</div>
        <a href="javascript:;">《快乐流水贷借款借据》</a><span>及</span><a href="javascript:;">《快乐流水贷贷款申请书》</a>
      </div>
    </div>
    <!-- 按钮 -->
    <div class="g-button">
      <ynet-button type="warning" inactive>确认借款</ynet-button>
    </div>
  </m-page>
</template>

<script>
import { Button, CellItem, Radio } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [CellItem.name]: CellItem,
    [Radio.name]: Radio
  },
  data() {
    return {
      inactive: false
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
